<template>
  <div id="app">
    <router-view />

  </div>
</template>

<script>

//2023-5-22  所有搜索条件里的 选择框,如果是固定内容的,无clearable, 加上 全部  选项,
//如果是后台动态获取的, 加上clearable, 以便于实现全部的操作.


export default {
  name: 'App',
  //add
  mounted() {
    //   获取并监听iframe传递来的数据
    let that = this;
    // 监听iframe传回来的标题和路由地址，将路由地址缓存在本地以便刷新的时候记住之前选择的菜单项
    window.addEventListener('message', function (e) {
      var res = e.data;
      debugger
      if(res.title)
        document.title = res.title
      if(res.path)
        sessionStorage.setItem("cacheUrl",res.path)
    })
    window.addEventListener('beforeunload', e => {
      debugger
      sessionStorage.setItem('beforeunload', 1);
    });
  },
  data(){
    return {


    }
  },
}
</script>
<style>

/* 滚动条样式 */
/* 滚动条的整体样式 */
/* 用于设置滚动条的整体样式
在这里设置宽高，以控制滚动条尺寸，且必须要设置宽高，否则不生效
宽高分别对应 y轴 和 x轴 的滚动条尺寸
若宽高为0，则可隐藏滚动条，但仍可保持滚动 */
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
  height: 8px;
}
/* 滚动条内的轨道 */
/* 滚动条轨道
不设置则不出现轨道 */
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0;
}
/* 滚动条内的滑块 */
/* 滚动条滑块，即滚动条滚动的部分
必须要设置，否则不会出现滑块 */
::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.15);
  transition: color 0.2s ease;
}


.el-dialog {
  display: flex;
  flex-direction: column;
  margin: 0 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.el-dialog .el-dialog__body {
  flex: 1;
  overflow: auto;
}
:root{
  --blue-text-color: #409EFF;
  --red-text-color: red;
}

/*首录 货物种类 cascader 高度问题 2023-5-10*/
/*必须放这里 且不能加前缀, 因为自定义的类名 和弹出菜单不是父子结构了*/
/*但是这会影响所有cascader的样式!!!*/
.el-cascader-menu__wrap{
  height: unset !important;
  padding-bottom: 16px !important;
  padding-right: 16px !important;
}
.el-scrollbar__wrap{
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

  /*主展示区 滚动条 去掉*/
#app > .home-container > .el-container {
  overflow: auto;
}

#app > .home-container > .el-container > .main-div > .app-main {
  height: calc(100% - 65px);
}

</style>
